<template>
  <div class="works-bg">
    <div class="works-container">
      <h1 class="works-title">作品签约规则</h1>
      <div class="works-content">
        <h2>一、签约条件</h2>
        <ul>
          <li>1.1 作者需为年满18周岁的具有完全民事行为能力的自然人。</li>
          <li>1.2 作品需为作者本人原创，且未在其他平台签约或发表。</li>
          <li>1.3 作品内容应积极健康，符合国家法律法规及平台规范。</li>
          <li>1.4 作品字数达到平台规定的签约标准（如5万字以上）。</li>
        </ul>
        <h2>二、签约流程</h2>
        <ul>
          <li>2.1 作者提交签约申请，平台进行初步审核。</li>
          <li>2.2 审核通过后，双方在线签署电子合同。</li>
          <li>2.3 签约后，作品将获得平台推荐、推广等资源支持。</li>
        </ul>
        <h2>三、作者义务</h2>
        <ul>
          <li>3.1 保证作品为原创，无抄袭、剽窃、侵权等行为。</li>
          <li>3.2 按照约定进度持续更新，不得无故断更、弃更。</li>
          <li>3.3 遵守平台内容规范，不发布违法、低俗、暴力、恐怖等内容。</li>
          <li>3.4 积极配合平台运营活动、宣传推广等工作。</li>
          <li>3.5 不得在未获平台书面同意的情况下，将签约作品授权第三方。</li>
        </ul>
        <h2>四、平台权利与义务</h2>
        <ul>
          <li>4.1 平台有权对签约作品进行推广、编辑、修改、排版等处理。</li>
          <li>4.2 平台有权根据运营需要对作品进行推荐、下架、屏蔽等管理。</li>
          <li>4.3 平台有义务保障作者稿酬结算的及时性和准确性。</li>
          <li>4.4 平台有权对违反规则的作品或作者采取警告、下架、解约等措施。</li>
        </ul>
        <h2>五、稿酬结算</h2>
        <ul>
          <li>5.1 稿酬结算方式、比例、周期以合同约定为准。</li>
          <li>5.2 作者应按要求提供真实有效的收款信息。</li>
          <li>5.3 因作者原因导致稿酬无法发放的，平台不承担责任。</li>
        </ul>
        <h2>六、版权归属与使用</h2>
        <ul>
          <li>6.1 签约作品的著作权归作者所有，平台享有独家使用权。</li>
          <li>6.2 平台有权在全球范围内以数字、纸质、音频、影视等形式使用、改编、推广签约作品。</li>
          <li>6.3 作者同意授权平台对作品进行必要的编辑、修改、宣传等。</li>
        </ul>
        <h2>七、作品管理与修改</h2>
        <ul>
          <li>7.1 作者对已发布章节的重大修改需提前告知平台。</li>
          <li>7.2 平台有权对违反规定的章节进行删除、屏蔽处理。</li>
        </ul>
        <h2>八、违约责任</h2>
        <ul>
          <li>8.1 作者如有抄袭、侵权、虚假信息等行为，平台有权解除合同并追究法律责任。</li>
          <li>8.2 平台如未按合同约定结算稿酬，作者有权追究平台责任。</li>
        </ul>
        <h2>九、合同的变更与解除</h2>
        <ul>
          <li>9.1 合同期内，任何一方需变更或解除合同，应提前书面通知对方。</li>
          <li>9.2 因不可抗力或政策原因导致合同无法履行的，双方可协商解除合同。</li>
        </ul>
        <h2>十、保密条款</h2>
        <ul>
          <li>10.1 双方对在签约、合作过程中获知的商业秘密、个人信息等负有保密义务。</li>
          <li>10.2 未经对方书面同意，不得向第三方泄露相关信息。</li>
        </ul>
        <h2>十一、争议解决</h2>
        <ul>
          <li>11.1 因本规则产生的争议，双方应友好协商解决，协商不成的，提交平台所在地有管辖权的人民法院诉讼解决。</li>
        </ul>
        <h2>十二、未尽事宜</h2>
        <ul>
          <li>12.1 本规则未尽事宜，双方可另行协商补充，补充协议与本规则具有同等法律效力。</li>
        </ul>
        <h2>十三、其他</h2>
        <ul>
          <li>13.1 本规则自作者与平台签署合同之日起生效。</li>
          <li>13.2 平台有权根据运营需要对规则进行修订，并以公告、弹窗等方式通知作者。</li>
          <li>13.3 如有疑问，请通过平台客服与我们联系。</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.works-bg {
  width: 100%;
  min-height: 100vh;
  background: #f7f8fa;
  padding: 40px 0;
  display: flex;
  justify-content: center;
}
.works-container {
  max-width: 1200px;
  width: 1100px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding: 40px 48px 48px 48px;
  margin: 0 auto;
}
.works-title {
  font-size: 32px;
  font-weight: bold;
  color: #b63228;
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: 2px;
}
.works-content {
  font-size: 16px;
  color: #222;
  line-height: 2;
  h2 {
    font-size: 20px;
    color: #b63228;
    margin: 28px 0 12px 0;
    font-weight: bold;
  }
  ul {
    margin: 0 0 16px 24px;
    padding: 0;
    li {
      margin-bottom: 6px;
      list-style: disc;
    }
  }
  p {
    margin-bottom: 12px;
  }
}
.works-footer {
  margin-top: 40px;
  text-align: right;
  color: #888;
  font-size: 15px;
}
@media (max-width: 700px) {
  .works-container {
    padding: 18px 6px 24px 6px;
  }
  .works-title {
    font-size: 22px;
    margin-bottom: 18px;
  }
  .works-content {
    font-size: 14px;
    h2 { font-size: 16px; }
  }
}
</style>
